<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>反诈记忆小游戏</title>
		<link rel="stylesheet" type="text/css" href="css/min.css" />
		<link rel="stylesheet" href="css/style.css">

	</head>
	<body>

		<main class="game">
			<section class="game__cards js-cards">
				<div class="game__card js-card" data-animal="电信">
					<div class="game__back-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/诈（粗(1).svg">
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white"/>
								</clipPath>
							</defs>
						</svg>
					</div>
					<div class="game__front-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/电信1.svg">
						</svg>
					</div>
				</div>

				<div class="game__card js-card" data-animal="婚骗">
					<div class="game__back-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/诈（粗(1).svg">
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div>
					<div class="game__front-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/婚骗.svg">
						</svg>
					</div>
				</div>

				<div class="game__card js-card" data-animal="补课班">
					<div class="game__back-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/诈（粗(1).svg">
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div>
					<div class="game__front-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/补课班.svg">
						</svg>
					</div>
				</div>

				<div class="game__card js-card" data-animal="金融">
					<div class="game__back-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/诈（粗(1).svg">
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div>
					<div class="game__front-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/金融.svg" >
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div>
				</div>

				<div class="game__card js-card" data-animal="老年养身">
					<div class="game__back-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/诈（粗(1).svg">
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div>
					<div class="game__front-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/老年养生.svg">
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div>
				</div>

				<div class="game__card js-card" data-animal="医疗">
					<div class="game__back-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/诈（粗(1).svg">
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div>
					<div class="game__front-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/医疗.svg" >
						</svg>
					</div>
				</div>

				<div class="game__card js-card" data-animal="补课班">
					<div class="game__back-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/诈（粗(1).svg">
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div>
					<div class="game__front-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/补课班.svg">
						</svg>
					</div>
				</div>

				<div class="game__card js-card" data-animal="电信">
					<div class="game__back-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/诈（粗(1).svg">
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div>
					<div class="game__front-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/电信1.svg ">
						</svg>
					</div>
				</div>

				<div class="game__card js-card" data-animal="贷款">
					<div class="game__back-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/诈（粗(1).svg">
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div>
					<div class="game__front-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/贷款.svg" >
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div>
				</div>

				<div class="game__card js-card" data-animal="医疗">
					<div class="game__back-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/诈（粗(1).svg">
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div>
					<div class="game__front-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/医疗.svg" >
						</svg>
					</div>
				</div>

				<div class="game__card js-card" data-animal="刷单">
					<div class="game__back-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/诈（粗(1).svg">
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div>
					<div class="game__front-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/刷单.svg" >
						</svg>
					</div>
				</div>

				<div class="game__card js-card" data-animal="游戏账号">
					<div class="game__back-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/诈（粗(1).svg">
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div>
					<div class="game__front-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/游戏账号.svg" >
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div>
				</div>

				<div class="game__card js-card" data-animal="游戏账号">
					<div class="game__back-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/诈（粗(1).svg">
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div>
					<div class="game__front-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/游戏账号.svg" >
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div>
				</div>

				<div class="game__card js-card" data-animal="金融">
					<div class="game__back-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/诈（粗(1).svg">
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div>
					<div class="game__front-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
						<img src="img/金融.svg" >
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div>
				</div>

				<div class="game__card js-card" data-animal="合同">
					<div class="game__back-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/诈（粗(1).svg">
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div>
					<div class="game__front-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/合同.svg" >
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div>
				</div>

				<div class="game__card js-card" data-animal="合同">
					<div class="game__back-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/诈（粗(1).svg">
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div>
					<div class="game__front-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/合同.svg " >
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div>
				</div>

				<div class="game__card js-card" data-animal="贷款">
					<div class="game__back-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/诈（粗(1).svg">
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div>
					<div class="game__front-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/贷款.svg" >
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div> 
				</div>

				<div class="game__card js-card" data-animal="刷单">
					<div class="game__back-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/诈（粗(1).svg">
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div>
					<div class="game__front-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/刷单.svg" >
						</svg>
					</div>
				</div>

				<div class="game__card js-card" data-animal="婚骗">
					<div class="game__back-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/诈（粗(1).svg">
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div>
					<div class="game__front-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/婚骗.svg">
						</svg>
					</div>
				</div>

				<div class="game__card js-card" data-animal="老年养身">
					<div class="game__back-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/诈（粗(1).svg">
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div>
					<div class="game__front-card">
						<svg width="70" height="70" viewBox="0 0 90 90" fill="none">
							<img src="img/老年养生.svg">
							<defs>
								<clipPath id="clip0">
									<rect width="90" height="90" fill="white" />
								</clipPath>
							</defs>
						</svg>
					</div>
				</div>
			</section>
		</main>
		<div id="tuichu" class="tuichu">
			<img src="首页/img/tc.png" alt="">
		</div>
		<script src="js/index.js"></script>
	</body>
</html>
